// $Revision:   1.13  $
var ibitree_js_Revision = "$Revision:   1.13  $";
//**************************************************************** 
// You are free to copy the "Folder-Tree" script as long as you  
// keep this copyright notice: 
// Script found in: http://www.geocities.com/Paris/LeftBank/2178/ 
// Author: Marcelino Alves Martins (martins@hks.com) December '97. 
//**************************************************************** 
 
//Log of changes: 
//       17 Feb 98 - Fix initialization flashing problem with Netscape
//       
//       27 Jan 98 - Root folder starts open; support for USETEXTLINKS; 
//                   make the ftien4 a js file 
//       
 
 
// Definition of class Folder 
// ***************************************************************** 

function drawFolder1(leftSide)
{
  if (browserVersion == 2) { 
    if (!doc.yPos) 
      doc.yPos=8 
    doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hidden>") 
  } 
   
  doc.write("<table ") 
  doc.write(ibitreeclass);
  if (browserVersion == 1) 
  doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  doc.write("<tr " + ibitreeclass + " ><td " + ibitreeclass + " >") 
  doc.write("<img " + ibitreeclass + " name='folderIcon" + this.id + "' ") 
  doc.write("src='" + this.iconSrc+"' border=0></a>") 
  doc.write("</td><td  " + ibitreeclass + " valign=middle nowrap>") 
  doc.write(this.desc) 
  doc.write("</td>")  
  doc.write("</table>") 
   
  if (browserVersion == 2) { 
    doc.write("</layer>") 
  } 
 
  if (browserVersion == 1) { 
	if(targetDocObject == doc)
		{
		this.navObj = doc.all["folder"+this.id] 
		this.iconImg = doc.all["folderIcon"+this.id] 
		this.nodeImg = doc.all["nodeIcon"+this.id] 
		}
	else
		folderNamesArray[this.id] = this;
  } else if (browserVersion == 2) { 
    this.navObj = doc.layers["folder"+this.id] 
    this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
    this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } 
} 

function Folder1(folderDescription, hreference , clickMethod) //constructor 
{ 
  //constant data 
  this.desc = folderDescription 
  this.hreference = hreference 
  this.clickMethod = clickMethod 
  this.clickMethodNoJavaSCRIPT = false 
  this.otherOnMethods = "" 
  this.id = -1   
  this.navObj = 0  
  this.iconImg = 0  
  this.nodeImg = 0  
  this.isLastNode = 0 
 
  //dynamic data 
  this.isOpen = true 

  this.iconSrc = "js/ftv2blank.gif";
  //"js/root.gif";
  this.iconSrcClosed = "";

  this.children = new Array 
  this.nChildren = 0 
 
  //methods 
  this.initialize = initializeFolder 
  this.setState = setStateFolder 
  this.addChild = addChild 
  this.createIndex = createEntryIndex 
  this.display = display 
  this.renderOb = drawFolder1 
} 

function Folder(folderDescription, hreference , clickMethod) //constructor 
{ 
  //constant data 
  this.desc = folderDescription 
  this.hreference = hreference 
  this.clickMethod = clickMethod 
  this.clickMethodNoJavaSCRIPT = false 
  this.otherOnMethods = "" 
  this.id = -1   
  this.navObj = 0  
  this.iconImg = 0  
  this.nodeImg = 0  
  this.isLastNode = 0 
 
  //dynamic data 
  this.isOpen = true 

  this.iconSrc = "";
  this.iconSrcClosed = "";

  this.children = new Array 
  this.nChildren = 0 
 
  //methods 
  this.initialize = initializeFolder 
  this.setState = setStateFolder 
  this.addChild = addChild 
  this.createIndex = createEntryIndex 
  this.hide = hideFolder 
  this.display = display 
  this.renderOb = drawFolder 
  this.totalHeight = totalHeight 
  this.subEntries = folderSubEntries 
  this.outputLink = outputFolderLink 
  this.setImages = Item_setImages 

  this.setImages(getTreeHtmlLoc("ftv2folderopen.gif")
	,getTreeHtmlLoc("ftv2folderclosed.gif"));
} 
 
function setStateFolder(isOpen) 
{ 

  var subEntries 
  var totalHeight 
  var fIt = 0 
  var i=0 
 
  if (isOpen == this.isOpen) 
    return 
 
  if (browserVersion == 2)  
  { 
    totalHeight = 0 
    for (i=0; i < this.nChildren; i++) 
      totalHeight = totalHeight + this.children[i].navObj.clip.height 
      subEntries = this.subEntries() 
    if (this.isOpen) 
      totalHeight = 0 - totalHeight 
    for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
      indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  }  
  this.isOpen = isOpen 
  propagateChangesInState(this) 
} 
 
function propagateChangesInState(folder) 
{   
  var i=0 
 
  if (folder.isOpen) 
  { 
    if (folder.nodeImg) 
      if (folder.isLastNode) 
        folder.nodeImg.src = getTreeHtmlLoc("ftv2mlastnode.gif");
      else 
	  folder.nodeImg.src = getTreeHtmlLoc("ftv2mnode.gif");

    folder.iconImg.src = folder.iconSrc;

    for (i=0; i<folder.nChildren; i++) 
      folder.children[i].display() 
  } 
  else 
  { 
    if (folder.nodeImg) 
      if (folder.isLastNode) 
        folder.nodeImg.src = getTreeHtmlLoc("ftv2plastnode.gif");
      else 
	  folder.nodeImg.src = getTreeHtmlLoc("ftv2pnode.gif");

    folder.iconImg.src = folder.iconSrcClosed;

    for (i=0; i<folder.nChildren; i++) 
      folder.children[i].hide() 
  }  
} 
 
function hideFolder() 
{ 
  if (browserVersion == 1) { 
    if (this.navObj.style.display == "none") 
      return 
    this.navObj.style.display = "none" 
  } else { 
    if (this.navObj.visibility == "hidden") 
      return 
    this.navObj.visibility = "hidden" 
  } 
   
  this.setState(0) 
} 
 
function initializeFolder(level, lastNode, leftSide) 
{ 
var j=0 
var i=0 
var numberOfFolders 
var numberOfDocs 
var nc 
      
  nc = this.nChildren 
   
  this.createIndex() 
 
  var auxEv = "" 
 
  if (browserVersion > 0) 
    auxEv = "<a " + ibitreeclass + " href='javascript:clickOnNode("+this.id+")'>" 
  else 
    auxEv = "<a" + ibitreeclass + ">" 
  if (level>0) 
    if (lastNode) //the last 'brother' in the children array 
    { 
      this.renderOb(leftSide + auxEv + "<img " + ibitreeclass + " name='nodeIcon" + this.id + "' src='" + getTreeHtmlLoc("ftv2mlastnode.gif") + "' width=16 height=22 border=0 ></a>") 

      leftSide = leftSide + "<img " + ibitreeclass + " src='" + getTreeHtmlLoc("ftv2blank.gif")+ "' width=16 height=22>"  
      this.isLastNode = 1 
    } 
    else 
    { 
      this.renderOb(leftSide + auxEv + "<img " + ibitreeclass + " name='nodeIcon" + this.id + "' src='" + getTreeHtmlLoc("ftv2mnode.gif")+"' width=16 height=22 border=0 ></a>") 


      leftSide = leftSide + "<img " + ibitreeclass + " src='"+getTreeHtmlLoc("ftv2vertline.gif")+"' width=16 height=22>" 
      this.isLastNode = 0 
    } 
  else 
    this.renderOb("") 
   
  if (nc > 0) 
  { 
    level = level + 1 
    for (i=0 ; i < this.nChildren; i++)  
    { 
      if (i == this.nChildren-1) 
        this.children[i].initialize(level, 1, leftSide) 
      else 
        this.children[i].initialize(level, 0, leftSide) 
      } 
  } 
} 
 
function drawFolder(leftSide)
{ 
  if (browserVersion == 2) { 
    if (!doc.yPos) 
      doc.yPos=8 
    doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hidden>") 
  } 
   
  doc.write("<table ") 
  doc.write(ibitreeclass);
  if (browserVersion == 1) 
    doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  doc.write("<tr " + ibitreeclass + " ><td " + ibitreeclass + " >") 
  doc.write(leftSide) 
  this.outputLink() 
  doc.write("<img " + ibitreeclass + " name='folderIcon" + this.id + "' ") 
  doc.write("src='" + this.iconSrc+"' border=0></a>") 
//pk  doc.write("src='" + this.iconSrc+"' border=0  width="+folderImageWidth+" height="+folderImageHeight+"></a>") 
  doc.write("</td><td  " + ibitreeclass + " valign=middle nowrap>") 
  if (USETEXTLINKS) 
  { 
    this.outputLink() 
    doc.write(this.desc + "</a>") 
  } 
  else 
    doc.write(this.desc) 
  doc.write("</td>")  
  doc.write("</table>") 
   
  if (browserVersion == 2) { 
    doc.write("</layer>") 
  } 
 
  if (browserVersion == 1) { 
	if(targetDocObject == doc)
		{
		this.navObj = doc.all["folder"+this.id] 
		this.iconImg = doc.all["folderIcon"+this.id] 
		this.nodeImg = doc.all["nodeIcon"+this.id] 
		}
	else
		folderNamesArray[this.id] = this;
  } else if (browserVersion == 2) { 
    this.navObj = doc.layers["folder"+this.id] 
    this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
    this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } 
} 

function outputFolderLink() 
{ 
 
  if (this.hreference) 
  { 
    doc.write("<a " + ibitreeclass + "href='" + this.hreference + "' TARGET=main ") 
    if (browserVersion > 0) 
      doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
    doc.write(">") 
  } 
  else 
//    doc.write("<a" + ibitreeclass + ">") 
  doc.write("<a " + ibitreeclass + "href='javascript:clickOnNode("+this.id+")'>")   

/*pk  href= "href='javascript:clickOnNode(" + this.id + ")'";
  target = "";
  onclickStr = "";
  if (this.clickMethod) 
  {
      onclickStr = "onClick='" + this.clickMethod + "'";
	  href="";
  }
  if (this.clickMethodNoJavaSCRIPT) 
  {
	  onclickStr = "onClick='clickOnNode(" + this.id + ")'";
	  href="";
  }
  if (this.hreference) 
  { 
//pk    href = "href='" + this.hreference + "'";
    href = this.hreference;
//pk	target="TARGET=\"basefrm\" ";

    if (browserVersion > 0) 
      onclickStr = "onClick='javascript:clickOnFolder(" + this.id + ")'"; 
  }

	  doc.write("<a " + ibitreeclass + "" + " " + href + " " + " " + target + " " + " " + onclickStr + " " + this.otherOnMethods + " >");
*/
} 

function addChild(childNode) 
{ 
  this.children[this.nChildren] = childNode 
  this.nChildren++ 
  return childNode 
} 
 
function folderSubEntries() 
{ 
  var i = 0 
  var se = this.nChildren 
 
  for (i=0; i < this.nChildren; i++){ 
    if (this.children[i].children) //is a folder 
      se = se + this.children[i].subEntries() 
  } 
 
  return se 
} 
 
 
// Definition of class Item (a document or link inside a Folder) 
// ************************************************************* 
 
function Item(itemDescription, itemLink) // Constructor 
{ 
  // constant data 
  this.desc = itemDescription 
  this.link = itemLink 
  this.id = -1 //initialized in initalize() 
  this.navObj = 0 //initialized in render() 
  this.iconImg = 0 //initialized in render() 
 
  // methods 
  this.initialize = initializeItem 
  this.createIndex = createEntryIndex 
  this.hide = hideItem 
  this.display = display 
  this.renderOb = drawItem 
  this.totalHeight = totalHeight 
  this.setImages = Item_setImages 
  this.setClosedImage = Item_setClosedImage 
  this.setOpenImage = Item_setOpenImage

  this.iconSrc = "";
  this.iconSrcClosed = "";
  this.setImages(getTreeHtmlLoc("ftv2doc.gif"),getTreeHtmlLoc("ftv2doc.gif"));
} 
 
function Item_setClosedImage()
{
 this.iconImg.src = this.iconSrcClosed;
}
function Item_setOpenImage()
{
 this.iconImg.src = this.iconSrc;
}
function Item_setImages(i1,i2) 
{
  if(i1 != null)
	  this.iconSrc = i1;
  if(i2 != null)
  	this.iconSrcClosed = i2
}
function hideItem() 
{ 
  if (browserVersion == 1) { 
    if (this.navObj.style.display == "none") 
      return 
    this.navObj.style.display = "none" 
  } else { 
    if (this.navObj.visibility == "hidden") 
      return 
    this.navObj.visibility = "hidden" 
  }     
} 
 
function initializeItem(level, lastNode, leftSide) 
{  
  this.createIndex() 
 
  if (level>0) 
    if (lastNode) //the last 'brother' in the children array 
    { 
      this.renderOb(leftSide + "<img " + ibitreeclass + " src='"+getTreeHtmlLoc("ftv2lastnode.gif")+"' width=16 height=22>") 
      leftSide = leftSide + "<img " + ibitreeclass + " src='"+getTreeHtmlLoc("ftv2blank.gif")+"' width=16 height=22>"  
    } 
    else 
    { 
      this.renderOb(leftSide + "<img " + ibitreeclass + " src='"+getTreeHtmlLoc("ftv2node.gif")+"' width=16 height=22>") 
      leftSide = leftSide + "<img " + ibitreeclass + " src='"+getTreeHtmlLoc("ftv2vertline.gif")+"' width=16 height=22>" 
    } 
  else 
    this.renderOb("")   
} 
 
function drawItem(leftSide) 
{ 
  if (browserVersion == 2) 
    doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hidden>") 
     
  doc.write("<table ") 
  doc.write(ibitreeclass);
  if (browserVersion == 1) 
  doc.write(" id='item" + this.id + "' style='position:block;' ") 
  doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  doc.write("<tr " + ibitreeclass + "><td " + ibitreeclass + " valign=top>") 
  doc.write(leftSide) 
  doc.write("<a " + ibitreeclass + "" + this.link + ">") 
  doc.write("<img " + ibitreeclass + " id='itemIcon"+this.id+"' ") 
//pk  doc.write("src='"+this.iconSrc+"' border=0>") 
  doc.write("src='"+this.iconSrc+"' border=0  width="+itemImageWidth+" height="+itemImageHeight+">") 
  doc.write("</a>") 
  doc.write("</td><td  " + ibitreeclass + " valign=middle nowrap>") 
  if (USETEXTLINKS) 
	{
    doc.write("<a " + ibitreeclass + "" + this.link + ">" + this.desc + "</a>") 
	}
  else 
    doc.write(this.desc) 

  doc.write("</table>") 
   
  if (browserVersion == 2) 
    doc.write("</layer>") 
 
  if (browserVersion == 1) { 
	if(targetDocObject == doc)
		{
		this.navObj = doc.all["item"+this.id] 
		this.iconImg = doc.all["itemIcon"+this.id] 
		}
	else
		itemNamesArray[this.id] = this;
  } else if (browserVersion == 2) { 
    this.navObj = doc.layers["item"+this.id] 
    this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } 
} 
 
 
// Methods common to both objects (pseudo-inheritance) 
// ******************************************************** 
 
function display() 
{ 
  if (browserVersion == 1) 
	{
    this.navObj.style.display = "block" 
	}
  else 
	{
    this.navObj.visibility = "show" 
	}
} 
 
function createEntryIndex() 
{ 
  this.id = nEntries 
  indexOfEntries[nEntries] = this 
  nEntries++ 
} 
 
// total height of subEntries open 
function totalHeight() //used with browserVersion == 2 
{ 
  var h = this.navObj.clip.height 
  var i = 0 
   
  if (this.isOpen) //is a folder and _is_ open 
    for (i=0 ; i < this.nChildren; i++)  
      h = h + this.children[i].totalHeight() 
 
  return h ;
} 
 
 
// Events 
// ********************************************************* 
 
function clickOnFolder(folderId) 
{ 
  var clicked = indexOfEntries[folderId] 
 
  if (!clicked.isOpen) 
    clickOnNode(folderId) 
 
  return  
 
  if (clicked.isSelected) 
    return 
} 
 
function clickOnNode(folderId) 
{ 
  var clickedFolder = 0 
  var state = 0 
 
  clickedFolder = indexOfEntries[folderId] 
  state = clickedFolder.isOpen 
 
  clickedFolder.setState(!state) //open<->close  
} 
 
function initializeDocument(P_foldersTree,source,target) 
{ 
  var locfoldersTree ;
  if(arguments.length == 0)
	{
  	locfoldersTree =  foldersTree;
	targetDocObject = document;
	}
  else
	{
  	locfoldersTree =  P_foldersTree;
	if(arguments.length > 1)
		targetDocObject = target;
	}

  if (document.all) 
    browserVersion = 1 //IE4   
  else 
    if (document.layers) 
      browserVersion = 2 //NS4 
    else 
      browserVersion = 0 //other 
 
  locfoldersTree.initialize(0, 1, "") 

if(targetDocObject != document)
	{
	var x = source.read();
	itemNamesArray[itemNamesArray.length] = "item" + this.id
	folderNamesArray[folderNamesArray.length] = "folder"+this.id;

	target.innerHTML += x;
	for(var i = 0 ; i < folderNamesArray.length ; ++i)
		{
		if(folderNamesArray[i] != null)
			{
   	 		folderNamesArray[i].navObj = target.all["folder"+i] ;
    		folderNamesArray[i].iconImg = target.all["folderIcon"+i] ;
			folderNamesArray[i].nodeImg = target.all["nodeIcon"+i] ;
			}
		}
	for(var i = 0 ; i < itemNamesArray.length ; ++i)
		{
		if(itemNamesArray[i] != null)
			{
			itemNamesArray[i].navObj = target.all["item"+i] 
			itemNamesArray[i].iconImg = target.all["itemIcon"+i] 
			}
		}
	}
  locfoldersTree.display()
  
  if (browserVersion > 0) 
  { 
    doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>") 
 
    // close the whole tree 
    clickOnNode(0) 
    // open the root folder 
    clickOnNode(0) 
  } 
} 
 
// Auxiliary Functions for Folder-Treee backward compatibility 
// ********************************************************* 

function gRoot(description, hreference)
{ 
//  return "<img src="Image/" + img +'">";
description="<font style=font-size:9pt; font-color: #00ff00;background-color:#ccff99>" + description
  folder = new Folder1(description, hreference,null);
  return folder
//  Image=getTreeHtmlLoc("ntuhlogo.jpg");
//  linkItem.setImages(image);
//  return root 
}

function gFld(description, hreference)
{ 
  description="<font style=font-size:9pt; font-color: #00ff00;background-color:#ccff99>" + description
  folder = new Folder(description, hreference,null);
  return folder
} 
 
function gLnk(target, description, linkData) 
{ 
  description="<font style=font-size:9pt; font-color: #00ff00;background-color:#ccff99>" + description
  image = getTreeHtmlLoc("ftv2doc.gif");
  fullLink = "" 
 
  if (target==-1 || target == -2)  // pk added
  { 
	if(linkData != null || linkData.length != 0)
	    fullLink = linkData;
  	if (target==-2)
	  	image = getTreeHtmlLoc("ftv2link.gif");
  }
  else
  if (target==0) 
  { 
    fullLink = "href='"+linkData+"' target=main" 
  } 
  else 
  { 
    if (target==1) 
       fullLink = "href='http://"+linkData+"' target=_blank" 
    else 
       fullLink = "href='http://"+linkData+"' target=main" 
  } 
 
  linkItem = new Item(description, fullLink,image)   
  linkItem.setImages(image);
  return linkItem 
} 
 
function insFld(parentFolder, childFolder) 
{ 
  return parentFolder.addChild(childFolder) 
} 
 
function insDoc(parentFolder, document) 
{ 
  parentFolder.addChild(document) 
} 

function getTreeHtmlLoc(img)
{
return "js/" + img;
}
 
// Global variables 
// **************** 
 
USETEXTLINKS = 1 
indexOfEntries = new Array 
nEntries = 0 
doc = document 
targetDocObject = document 
browserVersion = 0 
selectedFolder=0
ibitreeclassName="IBITreeClass";
ibitreeclass=" class='" + ibitreeclassName + "' ";
var itemNamesArray = new Array();
var folderNamesArray = new Array();
var itemImageWidth = 19;
var itemImageHeight = 14;
var folderImageWidth = 24;
var folderImageHeight = 22;
